<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>设备红外检测记录</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css" />	
		<link rel="stylesheet" href="../../static/components/components.css" />	
		<link rel="stylesheet" href="../../static/css/terminalwork.css" />	
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>  <!--请求接口页面必需-->
		<script src="../../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<script src="../../static/js/upLoadHelper.js"></script>
		<script src="../../static/components/processLog.js"></script>
		<style>
			.defect-info-list{
				border-bottom:1px solid #ddd;
				margin:0 0 8px
			}
			.defect-info-list:last-child{
				border-bottom:none;
				margin:0
			}
			.list-head{
				margin:0 2vw;
				background-color: #fff;
				padding: 10px;
				margin-bottom: 10px;
			}
			.terminalwork-list{
				height:auto;
				overflow:auto;
			}
		</style> 
	</head>
	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">设备红外检测记录</h1>
		</header>
		<div class="mui-content" id="storBattery">
			<div class="main_box">
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">基本信息</div>
				</div>
				<div class="neios-form-item" style="margin:3vw 5vw;">
					<div class="neios-form-item-lable" style="width:30%;">测量人 <span class="red">*</span></div>
					<div class="neios-form-item-con" style="width:70%;">
						{{baseForm.surveyStaff}}
					</div>
				</div>
				<div class="neios-form-item" style="margin:0 5vw;">
					<div class="neios-form-item-lable" style="width:30%;">监护人 <span class="red">*</span></div>
					<div class="neios-form-item-con" style="width:70%;">
						{{baseForm.tutelageStaff}}
					</div>
				</div>
				<div class="neios-form-item" style="margin:0 5vw;">
					<div class="neios-form-item-lable" style="width:30%;">检测仪器 <span class="red">*</span></div>
					<div class="neios-form-item-con" style="width:70%;">
						{{baseForm.dtcInstrument}}
					</div>
				</div>
			</div>
			<div style="height:3vw"></div>
			<div v-for="(itemA,index) in detectionList">
				<div class="flex-between list-head">
					<div class="flex-row" style="font-weight: bold;">
						<div class="icon"></div>
						日期：{{itemA.dtcMonthDay}} <span style="padding-left:5vw"></span> 测量天气：{{cycleUnitChange(itemA.weather)}}
					</div>
				</div>
				<div id="neiosLifeWaterInfo" class="terminalwork-list">
					<div class="list" id="list">
						<div v-for="(item,index) in deviceForm.tableData.filter((it, ix) => it.infraredDetectionId == itemA.infraredDetectionId && it.dataStatus != '0')" :key="index" class="terminalwork-list-item">
							<div class="terminalwork-list-sec">
								<div>间隔：{{item.bay}}</div>
							</div>
							<div class="terminalwork-list-sec">
								<div>设备：{{item.deviceName}}</div>
							</div>
							<div class="terminalwork-list-receivebtn" @click="upToolCheckDialogFn(item)">详情</div>
						</div>
					</div>	
				</div>
			</div>
			
			
			<div class="main_box" style="margin-top:0;">
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">检测结论</div>
				</div>
				<div class="neios-form-item" style="margin:3vw 5vw;">
					<div class="neios-form-item-lable" style="width:30%;">结论 <span class="red">*</span></div>
					<div class="neios-form-item-con" style="width:70%;">
						{{baseForm.dtcResult}}
					</div>
				</div>
				<div class="neios-form-item" style="margin:0 5vw;">
					<div class="neios-form-item-lable" style="width:30%;">备注 <span class="red">*</span></div>
					<div class="neios-form-item-con" style="width:70%;">
						{{baseForm.dtcRemark}}
					</div>
				</div>
				
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">流程日志</div>
				</div>
				<div style="margin:3vw 3vw 0">
					<processlog :processlogid='parentObject.workId'></processlog>
				</div>
				
				<div class="explain-dialog" v-if="toolCheckAddEditVisible">
					<div class="explain-in">
						<div class="explain-header">详情</div>
						<div class="explain-con">
							<div v-for="(listItem,index) in dailagList" class="defect-info-list">
								<div class="neios-form-item" style="margin:5vw 5vw 0;">
									<div class="neios-form-item-lable" style="width:40%;">部位</div>
									<div class="neios-form-item-con" style="width:60%;">
										{{listItem.partName}}
									</div>
								</div>
								<div class="neios-form-item" style="margin:0 5vw;">
									<div class="neios-form-item-lable" style="width:40%;">表面温度A(℃)</div>
									<div class="neios-form-item-con" style="width:60%;">
										{{listItem.surfaceTA}}
									</div>
								</div>
								<div class="neios-form-item" style="margin:0 5vw;">
									<div class="neios-form-item-lable" style="width:40%;">表面温度B(℃)</div>
									<div class="neios-form-item-con" style="width:60%;">
										{{listItem.surfaceTB}}
									</div>
								</div>
								<div class="neios-form-item" style="margin:0 5vw;">
									<div class="neios-form-item-lable" style="width:40%;">表面温度C(℃)</div>
									<div class="neios-form-item-con" style="width:60%;">
										{{listItem.surfaceTC}}
									</div>
								</div>
								<div class="neios-form-item" style="margin:0 5vw;">
									<div class="neios-form-item-lable" style="width:40%;">环境温度(℃)</div>
									<div class="neios-form-item-con" style="width:60%;">
										{{listItem.ambientT}}
									</div>
								</div>
								<div class="neios-form-item" style="margin:0 5vw;">
									<div class="neios-form-item-lable" style="width:40%;">湿度(%)</div>
									<div class="neios-form-item-con" style="width:60%;">
										{{listItem.humidity}}
									</div>
								</div>
								<div class="neios-form-item" style="margin:0 5vw;">
									<div class="neios-form-item-lable" style="width:40%;">缺陷部位</div>
									<div class="neios-form-item-con" style="width:60%;">
										{{listItem.defectPart}}
									</div>
								</div>
							</div>
						</div> 
						<div style="display:flex">
							<div class="explain-btn" style="flex-grow:1" @click="closeToolCheckAddEdit">关闭</div> 
						</div>
					</div>
				</div>
			</div>
			
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<button class="submit_btn" @click="goBack()">返回</button>
			</div>
		</div>
	</body>
	<script src="js/infraredDet.js"></script>
</html>
